@import "@/common/constants/StyleConst.scss";
.job {
  height: 100%;
  .head {
    height: 48px;
    h3 {
      font-size: 18px;
      font-weight: 700;
      color: #556282;
    }
    .add-btn {
      width: 32px;
      height: 32px;
      background-color: #D9D9D9;
    }
  }
  .job-list {
    min-height: calc(100% - 64px);
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    overflow: hidden;
    &:before {
      content: "";
      display: block;
      width: 100%;
      height: 40px;
      background-color: $color-theme-blue;
    }
    .list {
      background-color: $color-theme-lightgrey;
      border-radius: 8px;
      overflow: hidden;
      border: 2px solid transparent;
      &.theme--light.v-list-item--active::before{
        opacity: 0;
      }
      .list-item-content {
        font-weight: 400;
        text-align: left;
        font-size: 12px;
        color: $color-theme-grey;
      }
    }
    .active-list {
      background-color: $color-bg-white;
      border: 2px solid $color-theme-orange;
    }
  }
}